<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		请选择1样水果：
		<select onchange="selectFruit(this);">
			<option value="10">橘子</option>
			<option value="20">苹果</option>
			<option value="30">西瓜</option>
			<option value="40">香蕉</option>
		</select>
		
		<form name="fm">
			<input name="userName" value="特朗普"  />	
		</form>
		
		<input name="abc" value="10086" />
		
		<input type="button" value="输出美国总统是谁"  onclick="printPresident();"/>
	</body>
	
	<script>
		
		
		function printPresident(){
			
			
			var tlp = document.fm.userName.value;
			alert(tlp);
			
			//这里是错误的代码   因为这样写有个前提：   必须写在form里面
			var abc = document.abc.value;
			//var abc = document.getElementsByName('abc')[0].value;
			alert(abc);
		}
		
		
		
		/**
		 * 最终的是学会调试
		 * @param {Object} _this
		 */
		function selectFruit(_this){
			
			//selectedIndex 当下拉列表的值发生变化的时候。给你当前选中的具体水果的下标。
			var xb = _this.selectedIndex;
			var cs = _this[xb];
			var cvalue = cs.innerText;
			console.log(_this);
			alert('你选择的是：['+_this.value +" "+cvalue+'  ]');
		}
		
		
	</script>
</html>
